<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ include file="/commons/pages/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate" />
<meta http-equiv="Cache-Control" content="pre-check=0,post-check=0" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="MSThemeCompatible" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<title>鹰牌陶瓷合肥运营中心后台管理平台</title>
<link type="text/css" rel="stylesheet" href="${ctx}/commons/styles/default.css" media="screen" />
<style type="text/css">
<!--
.top {
	position:absolute;
	left:50%;
	top:50%;
}
-->
</style>
</head>
<body>
<div>
  <div class="top">
    <html-el:form action="/login.do">
      <html-el:hidden property="method" value="login" />
      <table id="logintbl" width="778" border="0" align="center" cellpadding="0" cellspacing="0">
        <!-- 
    <tr>
      <td colspan="3"><img src="images/china_60years.jpg" width="778" height="62"/></td>
    </tr>
     -->
        <tr>
          <td colspan="3"><img src="${ctx}/commons/styles/images/adminlogin_img01.jpg" alt="" /></td>
        </tr>
        <tr>
          <td colspan="3"><img src="${ctx}/commons/styles/images/adminlogin_img02.jpg" alt="" /></td>
        </tr>
        <tr>
          <td colspan="3"><img src="${ctx}/commons/styles/images/adminlogin_img03.jpg" alt="" /></td>
        </tr>
        <tr>
          <td width="469"><img src="${ctx}/commons/styles/images/adminlogin_img04.jpg" alt="" /></td>
          <td width="272" height="178" rowspan="2" valign="top" id="loginfrom"><table width="240" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td colspan="3" height="10"></td>
              </tr>
              <tr>
                <td width="80" height="28" align="center">用户名：</td>
                <td width="160" colspan="2"><html-el:text property="user_name" value="${user_name}" maxlength="40" style="width:130px;" styleClass="text_input" /></td>
              </tr>
              <tr>
                <td height="28" align="center">密　码：</td>
                <td colspan="2"><html-el:password property="password" value="${password}" maxlength="40" style="width:130px;" styleClass="text_input" /></td>
              </tr>
              <tr>
                <td height="28" align="center">验证码：</td>
                <td width="40"><html-el:text property="verificationCode" size="4" maxlength="4" style="width:32px;" styleClass="text_input" /></td>
                <td width="120"><img src="${ctx}/images/VerificationCode.jpg" style="height:18px;vertical-align:middle;border:1px solid #A1BCA3;cursor:pointer;" alt="验证码，看不清楚请用鼠标点击此处！" onclick="$(this).hide().attr('src', this.src + '?' + new Date().getTime()).fadeIn();" /></td>
              </tr>
              <tr>
                <td height="28" colspan="3" style="padding-left:75px;"><html-el:checkbox property="is_remember" styleId="is_remember" value="1" />
                  <label for="is_remember">保存我的信息</label></td>
              </tr>
              <tr>
                <td height="40" colspan="3" align="center"><html-el:image src="${ctx}/commons/styles/images/loginimg.gif" property="imageField" />
                  &nbsp;
                  <html-el:image src="${ctx}/commons/styles/images/resetimg.gif" onclick="this.form.reset();return false;" />
                </td>
              </tr>
            </table></td>
          <td width="37"><img src="${ctx}/commons/styles/images/adminlogin_img06.jpg" alt="" /></td>
        </tr>
        <tr>
          <td valign="top"><img src="${ctx}/commons/styles/images/adminlogin_img08.png" alt="" /></td>
          <td><img src="${ctx}/commons/styles/images/adminlogin_img08.jpg" alt="" /></td>
        </tr>
        <tr>
          <td height="20" colspan="3"></td>
        </tr>
      </table>
    </html-el:form>
  </div>
</div>
<script type="text/javascript" src="${ctx}/commons/scripts/validator.js"></script> 
<script type="text/javascript" src="${ctx}/commons/scripts/jquery.js"></script> 
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
	$("input[type='text'],input[type='password']").mouseover(function(){
		$(this).css({background:"#BCD4EC",border:"1px solid #1076D8"});	
	}).mouseout(function(){
		$(this).css({background:"#FFFFFF",border:"1px solid #A1BCA3"});
	});
	
	$("input[name='user_name']").attr("datatype","Require").attr("msg","请填写您的用户名！");
	$("input[name='password']").attr("datatype","Require").attr("msg","请填写您的密码！");
	$("input[name='verificationCode']").attr("datatype","Require").attr("msg","验证码不能为空！");
	
	$(document.forms[0]).submit(function(){
		return Validator.Validate(this, 1);
	});
	if ("true" == "${not empty (is_remember)}") {
		$("#is_remember")[0].checked = true;
	}
});
//]]></script> 
</body>
</html>
